﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:SilverAmp" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" xmlns:ee="http://schemas.microsoft.com/expression/2010/effects" xmlns:Converters="clr-namespace:SilverAmp.Converters" x:Class="SilverAmp.Views.PluginsView"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" Height="247" Width="565" d:DataContext="{d:DesignData /SampleData/PluginsViewModelSampleData.xaml}">
    <UserControl.Resources>
        <Converters:DebugConverter x:Key="DebugConverter"/>
    	<local:PluginsViewModel x:Key="PluginsViewModelDataSource" />
    				<Style x:Key="TransitioningContentControlStyle1" TargetType="toolkit:TransitioningContentControl">
    					<Setter Property="IsTabStop" Value="True"/>
    					<Setter Property="HorizontalContentAlignment" Value="Left"/>
    					<Setter Property="VerticalContentAlignment" Value="Top"/>
    					<Setter Property="Transition" Value="DefaultTransition"/>
    					<Setter Property="Template">
    						<Setter.Value>
    							<ControlTemplate TargetType="toolkit:TransitioningContentControl">
    								<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="2">
    									<VisualStateManager.VisualStateGroups>
    										<VisualStateGroup x:Name="PresentationStates">
    											<VisualStateGroup.Transitions>
    												<VisualTransition GeneratedDuration="0:0:0.5">
    													<VisualTransition.GeneratedEasingFunction>
    														<CubicEase EasingMode="EaseInOut"/>
    													</VisualTransition.GeneratedEasingFunction>
    													<ei:ExtendedVisualStateManager.TransitionEffect>
    														<ee:RippleTransitionEffect/>
    													</ei:ExtendedVisualStateManager.TransitionEffect>
    												</VisualTransition>
    											</VisualStateGroup.Transitions>
    											<VisualState x:Name="DefaultTransition">
    												<Storyboard>
    													<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PreviousContentPresentationSite" d:IsOptimized="True"/>
    													<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="CurrentContentPresentationSite" d:IsOptimized="True"/>
    												</Storyboard>
    											</VisualState>
    											<VisualState x:Name="Normal">
    												<Storyboard>
    													<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="PreviousContentPresentationSite">
    														<DiscreteObjectKeyFrame KeyTime="00:00:00">
    															<DiscreteObjectKeyFrame.Value>
    																<Visibility>Collapsed</Visibility>
    															</DiscreteObjectKeyFrame.Value>
    														</DiscreteObjectKeyFrame>
    													</ObjectAnimationUsingKeyFrames>
    												</Storyboard>
    											</VisualState>
    											<VisualState x:Name="UpTransition">
    												<Storyboard>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="CurrentContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="1"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="CurrentContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="30"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="0"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PreviousContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="0"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="PreviousContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="-30"/>
    													</DoubleAnimationUsingKeyFrames>
    												</Storyboard>
    											</VisualState>
    											<VisualState x:Name="DownTransition">
    												<Storyboard>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="CurrentContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="1"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="CurrentContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="-40"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="0"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PreviousContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="0"/>
    													</DoubleAnimationUsingKeyFrames>
    													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="PreviousContentPresentationSite">
    														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
    														<SplineDoubleKeyFrame KeyTime="00:00:00.300" Value="40"/>
    													</DoubleAnimationUsingKeyFrames>
    												</Storyboard>
    											</VisualState>
    										</VisualStateGroup>
    									</VisualStateManager.VisualStateGroups>
    									<VisualStateManager.CustomVisualStateManager>
    										<ei:ExtendedVisualStateManager/>
    									</VisualStateManager.CustomVisualStateManager>
    									<Grid>
    										<ContentPresenter x:Name="PreviousContentPresentationSite" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{x:Null}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5">
    											<ContentPresenter.RenderTransform>
    												<CompositeTransform/>
    											</ContentPresenter.RenderTransform>
    										</ContentPresenter>
    										<ContentPresenter x:Name="CurrentContentPresentationSite" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{x:Null}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5">
    											<ContentPresenter.RenderTransform>
    												<CompositeTransform/>
    											</ContentPresenter.RenderTransform>
    										</ContentPresenter>
    									</Grid>
    								</Border>
    							</ControlTemplate>
    						</Setter.Value>
    					</Setter>
    				</Style>
    </UserControl.Resources>
	
    <Grid x:Name="LayoutRoot"  	
          d:DataContext="{d:DesignData /SampleData/PluginsViewModelSampleData.xaml}" 
          DataContext="{Binding Source={StaticResource PluginsViewModelDataSource}}">
    
    	<Grid.RowDefinitions>
    		<RowDefinition Height="37"/>
    		<RowDefinition/>
    		<RowDefinition Height="12"/>
    	</Grid.RowDefinitions>

    	<Grid Margin="0" Grid.RowSpan="3">

    		<Image Source="/Views/image0.png" Opacity="0.250004" Stretch="UniformToFill"/>

    	</Grid>

    	<toolkit:TransitioningContentControl x:Name="TransitionViewer" d:LayoutOverrides="Width, Height" Grid.Row="1" 
		Content="{Binding SelectedExtension.ExtensionUi, Mode=TwoWay, Converter={StaticResource DebugConverter}}" Style="{StaticResource TransitioningContentControlStyle1}" RestartTransitionOnContentChange="True"/>
    	<Grid HorizontalAlignment="Right" Margin="0,2,110,1" Width="157" Visibility="Collapsed">
    		<Path Data="M12.313787,0.5 L108.01529,0.5 L107.78761,33.14735 L12.484998,32.218288 z" Margin="25.561,5.005,16.789,0.353" Stretch="Fill" Stroke="{StaticResource BlackBrush}" UseLayoutRounding="False" Fill="{StaticResource DarkBlueGradientBrush}" Effect="{StaticResource ButtonGlow}"/>
    		<Button  Content="Menu" Margin="58,9,24,6" Style="{StaticResource NormalButtonStyle}" Command="{Binding ShowMenu}"/>
    		<Path Data="M29.5,0.5 L29.5,26.5 L0.5,26.5" HorizontalAlignment="Right" Margin="0,4.775,19.204,2.225" Stretch="Fill" Width="30" UseLayoutRounding="False">
    			<Path.Stroke>
    				<LinearGradientBrush EndPoint="0.971,0.983" StartPoint="0.397,0.404">
    					<GradientStop Color="Transparent" Offset="0.476"/>
    					<GradientStop Color="#3FFFFFFF" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.Stroke>
    		</Path>
    		<Path Data="M29.5,0.5 L29.5,26.5 L0.5,26.5" HorizontalAlignment="Left" Margin="28.23,7.306,0,6.597" Stretch="Fill" Width="50.248" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5">
    			<Path.RenderTransform>
    				<CompositeTransform Rotation="180"/>
    			</Path.RenderTransform>
    			<Path.Stroke>
    				<LinearGradientBrush EndPoint="0.971,0.983" StartPoint="0.57,-0.587">
    					<GradientStop Color="Transparent" Offset="0.571"/>
    					<GradientStop Color="#3FFFFFFF" Offset="1"/>
    				</LinearGradientBrush>
    			</Path.Stroke>
    		</Path>

    	</Grid>
    	
    </Grid>
</UserControl>
